<script type="text/javascript" src="http://{$domena}/P/js/flexigrid/flexigrid.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://{$domena}/P/style/flexigrid/flexigrid.pack.css" />

<div class="zawartosc">
    <table id="lista" cellspacing="0" style="display: none;"></table>
</div>


<script type="text/javascript">
    {literal}
    $(function() {
        $("#lista").flexigrid({
            url: '/cms/uzytkownicy/akcja,xml.html',
            colModel : [
                {display : 'ID', name : 'id', width : 40, sortable : true, align: 'right'},
                {display : 'Nazwa grupy', name : 'nazwa', width : 250, sortable : true, align: 'center'},
                {display : 'Login', name : 'login', width : 150, sortable : true, align: 'center'},
                {display : 'Mail', name : 'mail', width : 150, sortable : true, align: 'center'},
                {display : 'Ostatnie logowanie', name : 'ostatnie_logowanie', width : 100, sortable : true, align: 'center'},
                {display : 'Status', name : 'status', width : 100, sortable : true, align: 'center'}
            ],
            buttons : [
                {name : 'Dodaj', bclass: '', onpress : przyciski},
                {name : 'Edytuj', bclass: '', onpress : przyciski},
                {separator: true},
                {name : 'Usuń', bclass: '', onpress : przyciski},
                {name : 'Aktywuj', bclass: '', onpress : przyciski}
            ],
            searchitems : [
                {display: 'Nazwa grupy', name : 'nazwa', isdefault: true},
                {display: 'Login', name : 'login'},
                {display: 'Mail', name : 'mail'},
                {display: 'Ostatnie logowanie', name : 'ostatnie_logowanie'}
            ],
            sortname: "id",
            sortorder: "asc",
            showTableToggleBtn: false,
            singleSelect: true
        });
    });

    function przyciski(com, grid) {
        if (com == 'Dodaj') {
            window.location = '/cms/uzytkownicy/edycja/akcja,dodaj.html';
        }
        else if (com == 'Edytuj') {
            $('.trSelected', grid).each(function() {
                var id = $(this).attr('id');
                id = id.substring(id.lastIndexOf('row')+3);
                window.location = '/cms/uzytkownicy/edycja/akcja,edytuj,id,'+id+'.html';
            });
        } else if (com == 'Usuń') {
            $('.trSelected', grid).each(function() {
                var id = $(this).attr('id');
                id = id.substring(id.lastIndexOf('row')+3);
                if(confirm('Czy napewno usunąć rekord o id = '+id+'?')) {
                    var jqxhr = $.ajax({ 
                        url: '/cms/uzytkownicy/edycja/akcja,usun,id,'+id+'.html',
                        async: false
                    });
                }
            });
            $("#lista").flexReload();
        } else if (com == 'Aktywuj') {
            $('.trSelected', grid).each(function() {
                var id = $(this).attr('id');
                id = id.substring(id.lastIndexOf('row')+3);
                var jqxhr = $.ajax({ 
                    url: '/cms/uzytkownicy/edycja/akcja,aktywuj,id,'+id+'.html',
                    async: false
                });
            });
            $("#lista").flexReload();
        }
    }
    {/literal}
</script>
